<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>消息列表</title>
    <script src="js/mui.min.js"></script>
	<link href="css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="css/iconfont.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/member.css" />
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">消息列表</h1>
	</header>
	<div class="mui-content message_content">
	    <ul class="message_top"id="mess_list">
	    	<li class="clearfix">
	    		<div class="mes_top_icon" style="padding-top: 0px;"><img src="images/icon_xtmessage.jpg"></div>	
	    		<div class="mes_top_info">
	    			<p class="mes_top_bt clearfix">系统消息</p>
	    			<p class="mes_t_nr">暂无消息</p>
	    		</div>
	    	</li>
	    	<!--<li class="clearfix">
	    		<div class="mes_top_icon"><img src="images/icon_hdmessage.jpg"></div>	
	    		<div class="mes_top_info">
	    			<p class="mes_top_bt clearfix">互动消息<span class="mes_time">昨天</span></p>
	    			<p class="mes_t_nr">山东省检察机关去年成功劝返潜逃加拿大的……</p>
	    		</div>
	    	</li>
	    	<li class="clearfix">
	    		<div class="mes_top_icon"><img src="images/icon_wulmessage.jpg"></div>	
	    		<div class="mes_top_info">
	    			<p class="mes_top_bt clearfix">交易物流信息<span class="mes_time">17/04/16</span></p>
	    			<p class="mes_t_nr">退款提醒：你的49.00元退款进账</p>
	    		</div>
	    	</li>
	    </ul>
	    <ul class="message_bottom">
	    	<li class="clearfix">
	    		<div class="mes_top_icon"><img src="images/toux.jpg"></div>	
	    		<div class="mes_top_info">
	    			<p class="mes_top_bt clearfix">云端の小铺<span class="mes_time">17/04/13</span></p>
	    			<p class="mes_t_nr">不客气哦~</p>
	    		</div>
	    	</li>
	    	<li class="clearfix">
	    		<div class="mes_top_icon"><img src="images/logo.jpg"></div>	
	    		<div class="mes_top_info">
	    			<p class="mes_top_bt clearfix">好味道食品<span class="mes_time">17/04/16</span></p>
	    			<p class="mes_t_nr">活动期间订单多，仓库会按订单先后顺序……</p>
	    		</div>
	    	</li>
	    	<li class="clearfix">
	    		<div class="mes_top_icon"><img src="images/toux.jpg"></div>	
	    		<div class="mes_top_info">
	    			<p class="mes_top_bt clearfix">云端の小铺<span class="mes_time">17/04/13</span></p>
	    			<p class="mes_t_nr">不客气哦~</p>
	    		</div>
	    	</li>
	    	<li class="clearfix">
	    		<div class="mes_top_icon"><img src="images/logo.jpg"></div>	
	    		<div class="mes_top_info">
	    			<p class="mes_top_bt clearfix">好味道食品<span class="mes_time">17/04/16</span></p>
	    			<p class="mes_t_nr">活动期间订单多，仓库会按订单先后顺序……</p>
	    		</div>
	    	</li>-->
	    </ul>
	</div>
	<div class="mui-content message_content" id="no_message" style="display: none;">
	    <div class="no_style">
			<p><span class="iconfont icon-xiaoxi"></span></p>
			<p class="wz">抱歉，您还没有任何消息提示~</p>
		</div>  
	</div>
	<div id="footer"></div>
</body>
</html>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript">
	$(function() {
		get_navigation();	
	var member = JSON.parse(localStorage.getItem('member'));
		$.ajax({
			//type: 'post',
			url: APP.api_url + 'member/xiaoxi',
			data: {
				uid:member['id']
			},
			dataType:'jsonp',
			success: function(data) {
				alert(data);
				if(data.code == 200) {
					var json = data.data;
					var html="";
					for(var i = 0; i < json.length; i++) {
						
					}
						
				} else {
					$("#no_message").show();
					console.log(data.msg);
				}
			}
		})
	});
	
</script>